@import "../../assets/css/reset.css";
@import "../../assets/css/common.css";
@import "../../assets/css/property.css";
.header {
  position: static;
  border-bottom: 1px solid #aec7ec;
  background-color: #f1f1f1;
}
.header .nav a {
  color: #666;
}
.header .login-reg a:first-child {
  color: #666;
}
.banner {
  height: 416px;
  background-color: #f1f1f1;
  position: relative;
}
.banner #mydiv {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.banner .layer {
  width: 100%;
  height: 416px;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.banner .banner-content {
  height: 270px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.banner .banner-content .banner-left {
  width: 260px;
  height: 270px;
  background-color: #fff;
  text-align: center;
  color: #c6c6c6;
  margin-right: 56px;
}
.banner .banner-content .banner-left .img-des {
  margin: 50px;
}
.banner .banner-content .banner-right {
  width: 600px;
  height: 270px;
}
.banner .banner-content .banner-right .banner-right-title h3 {
  font-size: 22px;
  margin-right: 4px;
  color: #555;
}
.banner .banner-content .banner-right .banner-right-title em {
  border: 1px solid #00bdff;
  color: #00bdff;
  padding: 0 5px;
  font-size: 12px;
  height: 22px;
  line-height: 20px;
  margin-left: 10px;
}
.banner .banner-content .banner-right .banner-right-title .user-info li {
  height: 22px;
  line-height: 20px;
  color: #f8aa39;
  font-size: 14px;
  font-weight: bold;
  margin-right: 25px;
  text-indent: 30px;
  margin-top: 14px;
  background: url(../../assets/imgs/API03.jpg) no-repeat;
}
.banner .banner-content .banner-right .banner-right-title .user-info li:nth-child(2) {
  background: url(../../assets/imgs/API08.JPG) no-repeat;
}
.banner .banner-content .banner-right .banner-right-title .user-info li:nth-child(3) {
  background: url(../../assets/imgs/API05.JPG) no-repeat;
}
.banner .banner-content .banner-right .banner-right-title .check {
  font-size: 14px;
  line-height: 26px;
  color: #666;
  padding-right: 20px;
}
.banner .banner-content .banner-right .banner-right-title .choice {
  margin: 10px 0;
}
.banner .banner-content .banner-right .banner-right-title .qr-code {
  width: 120px;
  position: relative;
}
.banner .banner-content .banner-right .banner-right-title .qr-code:hover div {
  height: 142px;
}
.banner .banner-content .banner-right .banner-right-title .qr-code p {
  color: #00bdff;
  border: 1px solid #00bdff;
  width: 120px;
  height: 26px;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  background: url(../../assets/imgs/API17.jpg) no-repeat;
  background-position: 5px center;
  text-indent: 20px;
}
.banner .banner-content .banner-right .banner-right-title .qr-code div {
  width: 120px;
  position: absolute;
  left: 0;
  top: 26px;
  height: 0;
  overflow: hidden;
  transition: all 0.4s linear;
}
.banner .banner-content .banner-right .banner-right-title .qr-code div img {
  width: 120px;
}
.banner .banner-content .banner-right .banner-right-title .qr-code div span {
  display: block;
  font-size: 12px;
  text-align: center;
}
.banner .banner-content .banner-right .banner-right-title .frequency b {
  display: inline-block;
  text-align: center;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  font-weight: normal;
  width: 60px;
  height: 26px;
  line-height: 24px;
  margin-left: 15px;
  cursor: pointer;
}
.banner .banner-content .banner-right .banner-right-title .frequency b.active {
  color: #00bdff;
  border: 1px solid #00bdff;
  background: url(../../assets/imgs/select.png) no-repeat right bottom;
}
.banner .banner-content .banner-right .banner-right-title .priceInfo {
  font-size: 12px;
  padding-right: 280px;
  margin: 10px 0;
}
.banner .banner-content .banner-right .banner-right-title .priceInfo .red {
  color: #f00;
}
.banner .banner-content .banner-right .apply a {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background-color: #00bdff;
  cursor: pointer;
  margin-top: 10px;
}
.api-info .tab-menu {
  border-bottom: 1px solid #f4f4f4;
  height: 44px;
  line-height: 44px;
}
.api-info .tab-menu .tabs-list li {
  cursor: pointer;
  margin-right: 110px;
  color: #666;
}
.api-info .tab-menu .tabs-list li.active {
  color: #00bdff;
  border-bottom: 2px solid #00bdff;
  line-height: 42px;
}
.api-info .tab-content {
  padding-top: 50px;
}
.api-info .tab-content .tab-left {
  width: 930px;
  padding-left: 10px;
}
.api-info .tab-content .tab-left .tab-item-content {
  display: none;
}
div.api-info .tab-content .tab-left .tab-item-content.on {
  display: block;
}
.api-info .tab-content .tab-left .tab-item-content .api-test {
  font-size: 12px;
  color: #555;
}
.api-info .tab-content .tab-left .tab-item-content .api-test p {
  line-height: 35px;
}
.api-info .tab-content .tab-left .tab-item-content .api-test .api-btn {
  margin-top: 10px;
  margin-bottom: 50px;
}
.api-info .tab-content .tab-left .tab-item-content .api-test .api-btn a {
  display: inline-block;
  width: 150px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  background-color: #00bdff;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .re-title {
  font-size: 14px;
  color: #555;
  text-indent: 15px;
  position: relative;
  margin-bottom: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .re-title em {
  display: block;
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background-color: #00bdff;
  position: absolute;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table {
  width: 920px;
  height: 166px;
  border-collapse: collapse;
  color: #666;
  font-size: 12px;
  margin-bottom: 50px;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table tr {
  border: 1px solid #e7e7e7;
  height: 30px;
  line-height: 30px;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table tr .th1 {
  text-align: left;
  padding-left: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table tr .th4 {
  text-align: left;
  padding-left: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table tr .td1 {
  padding-left: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table tr .td2 {
  padding-left: 57px;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table tr .td3 {
  padding-left: 56px;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table tr .td4 {
  padding-left: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table th {
  font-weight: bold;
  background-color: #fbfbfb;
  color: #999;
}
.api-info .tab-content .tab-left .tab-item-content .request-data .api-table td {
  border: 0;
}
.api-info .tab-content .tab-left .tab-item-content .simple-explain {
  color: #555;
  text-indent: 15px;
  position: relative;
  margin-bottom: 20px;
  font-size: 14px;
}
.api-info .tab-content .tab-left .tab-item-content .simple-explain em {
  display: block;
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background-color: #00bdff;
  position: absolute;
}
.api-info .tab-content .tab-left .tab-item-content .simple-explain a {
  background: #1271ef;
  font-size: 14px;
  border-radius: 6px;
  color: #fff;
  padding: 5px 12px;
}
.api-info .tab-content .tab-left .tab-item-content .simple-explain .json-code {
  width: 920px;
  background-color: #fafafa;
  margin-top: 20px;
  padding: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .simple-explain .json-code pre {
  line-height: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 {
  width: 920px;
  height: 166px;
  border-collapse: collapse;
  color: #666;
  font-size: 12px;
  margin-bottom: 50px;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 tr {
  border: 1px solid #e7e7e7;
  height: 30px;
  line-height: 30px;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 tr .th1 {
  text-align: left;
  padding-left: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 tr .th2 {
  text-align: left;
  padding-left: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 tr .th3 {
  text-align: left;
  padding-left: 90px;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 tr .td1 {
  padding-left: 20px;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 tr .td2 {
  padding-left: 21px;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 tr .td3 {
  padding-left: 90px;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 th {
  font-weight: bold;
  background-color: #fbfbfb;
  color: #999;
}
.api-info .tab-content .tab-left .tab-item-content .api-table2 td {
  border: 0;
}
.api-info .tab-content .tab-left .tab-item-content .contact-us {
  color: #555;
  text-indent: 15px;
  position: relative;
  margin-bottom: 20px;
  font-size: 14px;
}
.api-info .tab-content .tab-left .tab-item-content .contact-us em {
  display: block;
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background-color: #00bdff;
  position: absolute;
}
.api-info .tab-content .tab-right {
  width: 220px;
  height: 814px;
  min-width: 0;
}
.api-info .tab-content .tab-right h3 {
  font-size: 16px;
  color: #999;
  margin-bottom: 11px;
  font-weight: bold;
}
.api-info .tab-content .tab-right .ac-list li {
  margin-bottom: 10px;
  cursor: pointer;
}
.api-info .tab-content .tab-right .like li {
  width: 220px;
  height: 76px;
  margin-bottom: 15px;
  cursor: pointer;
  border-bottom: 1px dashed #eee;
}
.api-info .tab-content .tab-right .like li:nth-child(5) {
  border-bottom: none;
}
.api-info .tab-content .tab-right .like li .img-box {
  width: 60px;
  height: 60px;
  border: 1px solid #eee;
}
.api-info .tab-content .tab-right .like li .text {
  width: 150px;
  height: 50px;
}
.api-info .tab-content .tab-right .like li .text a {
  color: #555;
  font-size: 16px;
  line-height: 26px;
}
.api-info .tab-content .tab-right .like li .text .msg-text {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.register-now {
  margin-top: 30px;
  height: 150px;
  text-align: center;
  background: url(../../assets/imgs//bottombg2.png) no-repeat center;
}
.register-now p {
  font-size: 28px;
  color: #fff;
  line-height: 40px;
  padding-top: 22px;
  margin-bottom: 12px;
}
.register-now a {
  width: 150px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
}
